/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: 'Tahoma',sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color:#444;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}



/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}
/* header */
.header {

}
/* logo */
.logo {

}
.logo-img {

}
/* nav */
.nav {

}
/* sidebar */
.sidebar {

}
/* footer */
.footer {

}

/*------------------------------------*\
    PAGES
\*------------------------------------*/



/*------------------------------------*\
    IMAGES
\*------------------------------------*/



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('font/genericons-regular-webfont.eot');
	src:url('font/genericons-regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('font/genericons-regular-webfont.woff') format('woff'),
		url('font/genericons-regular-webfont.ttf') format('truetype'),
		url('font/genericons-regular-webfont.svg#genericons-regular-webfont') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {

}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

.wrapper{width: 980px; top: 20px}

/* header */

.header, .footer{height: 50px; line-height: 50px; border: 1px solid #04A4CC; background-color: darkslateblue; color: #fff}
.header nav.top-menu{float: right;}
.header h1.logo{margin: 0 10px; float: left; line-height: 50px;}
.top-menu ul li{display: inline-block; }
.top-menu li:hover{background-color: #767676}
.top-menu a{color: #fff; line-height: 50px; padding: 0 20px; text-transform: uppercase; font-size: 14px}

.section{padding: 20px 5px; background-color: #fff}

.section input, .section label{margin: 5px 5px}

.section input[type="radio"]{font-size: 14px; line-height: 31px}
.section label{width: 200px;float: left; font-weight: bold; font-size: 14px; line-height: 31px}
.intro-form{width: 50%; float: left}
.intro-form:after{clear: both}
.intro-form-div{width: 100%; height: 41px; line-height: 41px; clear: both}